body{ overflow-x: hidden;}
/*
.Top000828 为demoç¼–å·
*/
/*头部*/
ul,ul li{ list-style:none }
.topbar{height:40px;line-height: 40px;font-size: 12px;background: #f0f0f0;color: #666666;}
.topbar p{margin: 0;}
.topbar a{font-size: 12px;color: #888888;display: inline-block;margin-left: 25px;padding-left: 25px;background-position: left center;background-repeat: no-repeat;}
.topbar a:hover{color: #d9241c;}
.topbar .csfz{background-image: url(../images/h_icon01.png);}
.topbar .wb{background-image: url(../images/header-ico1.png);}
.topbar .wx{position: relative;background-image: url(../images/header-ico2.png);}
.topbar .mess{background-image: url(../images/header-ico3.png);}
.topbar .wx img{position: absolute;z-index: 999;width: 100px;height: 100px;top:34px;right: -20px;background-color: #fff;padding: 5px;overflow: hidden;border-radius: 3px;display: none;}
.topbar .lang{padding-left:0;}
@media(max-width:480px){
.topbar{display:none}
}
.Top000828 a:hover{ text-decoration:none;}
.Top000828 .auto{ max-width:1200px;}
.Top000828 .top{ position:relative; z-index:100;}
.Top000828 .logo{ padding:15px 0;}
.Top000828 nav{ background-color:#005cc6;}
.Top000828 nav li dl{display:none;}
.Top000828 .search a{ position:absolute; right:10px; top:0; width:30px; height:100%; font-size:20px; text-align:center; color:#666;}
.Top000828 .search a span{ position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-10px;}
.Top000828 .search{ position:absolute; width:20%; height:30px; border-radius:30px; background-color:#fff; padding:0 10px; bottom:-36px; right:0;}
.Top000828 .search .text{ width:100%; height:30px; line-height:30px; color:#999; border:none; background:none;}
@media(min-width:769px){
.Top000828 .moblie_menu{ display:none;}
.Top000828 .top dl{ float:right; text-align:left;font-size:12px; line-height:24px; padding-top:5px;background:url(../images/Top000828-icon_call.png) no-repeat left center;width: 24%;padding-left: 6%; margin-top: 2%;}
.Top000828 .top dl:nth-child(1){width: 10%;background:none;padding-left:3%;margin-top:1%;}
.Top000828 .top dl dt span{ display:inline-block; font-size: 14px}
.Top000828 .top dl dt b{ color:#d9241c; font-size:30px; margin-left:5px;font-family: Arial, "微软雅黑","宋体",Helvetica, sans-serif;font-weight: normal;}
.Top000828 .top dl dd a{ color:#8c8c8c; display:inline-block; position:relative; margin-left:37px;}
.Top000828 .top dl dd a::before{ position:absolute; content:''; width:1px; height:12px; background-color:#c7c7c7; left:-19px; top:50%; margin-top:-6px;}
.Top000828 .top dl dd a:first-child::before{ display:none;}
.Top000828 .top dl dd a:nth-child(2)::before,
.Top000828 .top dl dd a:nth-child(3)::before{ width:4px; height:4px; border-radius:50%; margin-top:-2px; left:-20px;}
.Top000828 nav ul{ width:100%;}
.Top000828 nav ol{ display:none;}
.Top000828 nav li{ position:relative; line-height:50px; float:left; text-align:center; width:11%; border-right: 1px solid #0061d1;}
.Top000828 nav li.pc_hide{ display:none;}
.Top000828 nav li span{ display:none;}
.Top000828 nav li a{ display:block; color:#fff;}
.Top000828 nav li > a{ font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.Top000828 nav li a:hover,
.Top000828 nav li.hover a{ background-color:#d9241c;}
.Top000828 nav li dl{ position:absolute; left:0; width:100%; background-color:#404040;}
.Top000828 nav li dt a{ line-height:18px; padding:5px 0;}
}
@media(max-width:1330px){
.Top000828 .auto{ padding:0 2%;}
.Top000828 .search{ right:2%;}
}
@media(max-width:768px){
.Top000828 .logo{position:relative; z-index:10; background-color:#fff; padding: 3% 13% 3% 0;}
.Top000828 .top dl{ display:none;}
.Top000828 .search{ background-color:#404040;border-radius:0; padding:20px; top:auto; bottom:auto; height:auto; right:auto; left:2%; width:96%; transform:translateY(-80px); z-index:5; opacity:0; transition:all ease-in-out 0.3s;}
.Top000828 .search_show{opacity:1; transform:translateY(0); }
.Top000828 .search .text{ height:40px; border-radius:20px; background:#fff; line-height:40px; padding:0 50px 0 10px;}
.Top000828 .search a{ height:40px;top:20px; right:30px; width:40px; padding-top:0;}
.Top000828 .moblie_menu{ position:absolute; right:2%; text-align:right; height:34px; top:50%; margin-top:-17px; z-index:20;}
.Top000828 .moblie_menu em{ display:inline-block; width:30px; height:35px; border-radius:3px;position:relative; cursor:pointer;vertical-align:middle;}
.Top000828 .moblie_menu i,
.Top000828 .moblie_menu i::before,
.Top000828 .moblie_menu i::after{ height:2px; background-color:#db261d; position:absolute;}
.Top000828 .moblie_menu i{ width:80%; left:10%; top:50%; margin-top:-2px;}
.Top000828 .moblie_menu i::before,
.Top000828 .moblie_menu i::after{ content:''; width:100%; left:0;}
.Top000828 .moblie_menu i::before{ top:-8px;}
.Top000828 .moblie_menu i::after{ bottom:-8px;}
.Top000828 .moblie_menu span{ height:24px; text-align:center; font-size:24px; vertical-align:middle; width:34px; margin-right:20px;display:none}
.Top000828 nav{ position:fixed; left:0; top:0; width:100%; height:100%; max-height:100%; overflow:auto; z-index:120; transform:translateX(100%); opacity:0; transition:all ease-in-out 0.5s;}
.Top000828 nav.nav_show{ transform:translateX(0); opacity:1;}
.Top000828 nav .auto{ padding:0;}
.Top000828 nav ol{ background-color:#d60e03;text-align:right; font-size:16px;}
.Top000828 nav ol a{ color:#fff; display:inline-block; line-height:39px; width:60px; text-align:center; }
.Top000828 nav li a,
.Top000828 nav li span{ color:#fff;}
.Top000828 nav li > a{ display: block;font-size: 16px;position: relative;line-height: 45px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.Top000828 nav li span,
.Top000828 nav li a.show,
.Top000828 nav li:first-child a{ display:block; font-size:16px; position:relative; line-height:45px;}
.Top000828 nav li span::before,
.Top000828 nav li a.show:before{ position:absolute; content:''; width:30px; height:100%; right:0; top:0; background:url(../images/Top000828-a_span.png) no-repeat center center;}
.Top000828 nav li{ padding-left:15px;}
.Top000828 nav li dl{ padding:0 3%;}
.Top000828 nav li dl dt{padding-left:30px;background:url(../images/Top000828-a_span.png) no-repeat left 10px;}
.Top000828 nav li dl dt a{ display:block; line-height:20px; padding:8px 0;}
}
/*Banner002210 */
.Banner002210{ position:relative; z-index:1; position:relative;}
.Banner002210 .bx-viewport{ z-index:1;}
.Banner002210,
.Banner002210 ul,
.Banner002210 li,
.Banner002210 li a{ height:600px;}
.Banner002210 li{ background-position:center top; background-repeat:no-repeat;}
.Banner002210 li img{ display:none;}
.Banner002210 .bx-prev,
.Banner002210 .bx-next{ width:85px; height:111px; position:absolute; top:50%; margin-top:-55px; background-position:center center; background-position:center center; z-index:66;}
.Banner002210 .bx-pager{ position:absolute; left:0; width:100%; text-align:center; bottom:8%; z-index:10;}
.Banner002210 .bx-pager *{ width:30px; height:30px;}
.Banner002210 .bx-pager div{ display:inline-block; margin:0 5px;}
.Banner002210 .bx-pager div+div{ margin-left:20px; position:relative;}
.Banner002210 .bx-pager div+div:before{ display:inline-block; width:15px; height:1px; background:rgba(255,255,255,0.28); content:""; position:absolute; top:50%; left:-20px;}
.Banner002210 .bx-pager a{ display:block; overflow:hidden; line-height:100px; background:url(../images/Banner002210-btn.png) no-repeat center center;}
.Banner002210 .bx-pager a.active{ background-image:url(../images/Banner002210-btn_hover.png); display:block;}
@media(max-width:1000px){
.Banner002210,
.Banner002210 ul,
.Banner002210 li,
.Banner002210 li a{ height:auto !important;}
.Banner002210 li{ background:none !important;}
.Banner002210 .bx-prev, .Banner002210 .bx-next{ display:none;}
.Banner002210 li img {
display: block;
max-width: none;
height: 400px;
position: relative;
left: 50%;
transform: translate(-50%, -0%);
-moz-transform: translate(-50%, -0%);
-webkit-transform: translate(-50%, -0%);
-ms-transform: translate(-50%, -0%);
-o-transform: translate(-50%, -0%);
}
.Banner002210 .bx-viewport{
height: 400px;
}
}
/*Banner002210 End */
/*
.Banner001745 为demoç¼–å·
*/
.Banner001745 div{ height: 300px;background-position: center;background-repeat: no-repeat;}
@media(max-width:1000px){
.Banner001745 div{ height: 150px;}
}
/*
.Menu001746 为demoç¼–å·
*/
.Menu001746{background-color: rgba(0,0,0,0.6);line-height: 45px;margin-top: -45px; position: relative; z-index: 1;}
.Menu001746 li{float: left;}
.Menu001746 li a{display: block; overflow:hidden;padding:0px 20px;line-height: 45px;height: 45px;color: #fff; border-right: 1px solid #ccc;}
.Menu001746 li:first-child a{
border-left: 1px solid #cccccc;
}
.Menu001746 li a:hover,
.Menu001746 li.on a{background: #005cc6;}
.Menu001746 dl{ float: right;color:#d583ab;padding-left: 30px;background: url(../images/Menu001746-ico.png) no-repeat left center;}
.Menu001746 dl a{color:#d583ab;}
@media(max-width:1000px){
.Menu001746 dl{ float:none;}
}
@media(max-width:480px){
.Menu001746 dl{ font-size:12px;}
.Menu001746 li{ text-align:center; width:25%;}
.Menu001746 li a{ padding:0;}
}
/*Banner002115 */
.Banner002115{ overflow:hidden; position:relative; z-index:1;}
.Banner002115 .bx-viewport{ z-index:1;}
.Banner002115 .bx-viewport,
.Banner002115 .bx-viewport li,
.Banner002115 .bx-viewport li a{ height:600px;}
.Banner002115 .bx-viewport li a{ display:block;}
.Banner002115 .bx-viewport li{ background-position:center; background-repeat:no-repeat;}
.Banner002115 .bx-viewport li img{ display:none;}
.Banner002115 .bx-controls-direction a{ position:absolute; width:70px; height:70px; top:50%; margin-top:-44px; background:url(../images/Banner002115-btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;}
.Banner002115 .bx-controls-direction a.bx-prev{ left:5%;}
.Banner002115 .bx-controls-direction a.bx-next{ background-position:right top; right:5%;}
.Banner002115 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center;}
.Banner002115 .bx-pager *{ width:12px; height:12px;}
.Banner002115 .bx-pager div{ display:inline-block; margin:0 5px;}
.Banner002115 .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff; overflow:hidden; line-height:100px;}
.Banner002115 .bx-pager a.active{ background:#fff;}
@media(max-width:1200px){
.Banner002115{ overflow:hidden; position:relative; z-index:1;}
.Banner002115 .bx-viewport{ z-index:1;}
.Banner002115 .bx-viewport,
.Banner002115 .bx-viewport li,
.Banner002115 .bx-viewport li a{ height:450px;}
.Banner002115 .bx-viewport li a{ display:block;}
.Banner002115 .bx-viewport li{ background-position:center; background-repeat:no-repeat; background-size: 130%}
.Banner002115 .bx-viewport li img{ display:none;}
.Banner002115 .bx-controls-direction a{ position:absolute; width:70px; height:70px; top:50%; margin-top:-44px; background:url(../images/Banner002115-btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;}
.Banner002115 .bx-controls-direction a.bx-prev{ left:5%;}
.Banner002115 .bx-controls-direction a.bx-next{ background-position:right top; right:5%;}
.Banner002115 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center;}
.Banner002115 .bx-pager *{ width:12px; height:12px;}
.Banner002115 .bx-pager div{ display:inline-block; margin:0 5px;}
.Banner002115 .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff; overflow:hidden; line-height:100px;}
.Banner002115 .bx-pager a.active{ background:#fff;}
}
@media(max-width:1100px){
.Banner002115{ overflow:hidden; position:relative; z-index:1;}
.Banner002115 .bx-viewport{ z-index:1;}
.Banner002115 .bx-viewport,
.Banner002115 .bx-viewport li,
.Banner002115 .bx-viewport li a{ height:400px;}
.Banner002115 .bx-viewport li a{ display:block;}
.Banner002115 .bx-viewport li{ background-position:center; background-repeat:no-repeat; background-size: 124%}
.Banner002115 .bx-viewport li img{ display:none;}
.Banner002115 .bx-controls-direction a{ position:absolute; width:70px; height:70px; top:50%; margin-top:-44px; background:url(../images/Banner002115-btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;}
.Banner002115 .bx-controls-direction a.bx-prev{ left:5%;}
.Banner002115 .bx-controls-direction a.bx-next{ background-position:right top; right:5%;}
.Banner002115 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center;}
.Banner002115 .bx-pager *{ width:12px; height:12px;}
.Banner002115 .bx-pager div{ display:inline-block; margin:0 5px;}
.Banner002115 .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff; overflow:hidden; line-height:100px;}
.Banner002115 .bx-pager a.active{ background:#fff;}
}
@media(max-width:959px){
.Banner002115{ overflow:hidden; position:relative; z-index:1;}
.Banner002115 .bx-viewport{ z-index:1;}
.Banner002115 .bx-viewport,
.Banner002115 .bx-viewport li,
.Banner002115 .bx-viewport li a{ height:350px;}
.Banner002115 .bx-viewport li a{ display:block;}
.Banner002115 .bx-viewport li{ background-position:center; background-repeat:no-repeat; background-size: 148%}
.Banner002115 .bx-viewport li img{ display:none;}
.Banner002115 .bx-controls-direction a{ position:absolute; width:70px; height:70px; top:50%; margin-top:-44px; background:url(../images/Banner002115-btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;}
.Banner002115 .bx-controls-direction a.bx-prev{ left:5%;}
.Banner002115 .bx-controls-direction a.bx-next{ background-position:right top; right:5%;}
.Banner002115 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center;}
.Banner002115 .bx-pager *{ width:12px; height:12px;}
.Banner002115 .bx-pager div{ display:inline-block; margin:0 5px;}
.Banner002115 .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff; overflow:hidden; line-height:100px;}
.Banner002115 .bx-pager a.active{ background:#fff;}
.Banner002210 li img {
display: block;
max-width: none;
height: 350px;
position: relative;
left: 50%;
transform: translate(-50%, -0%);
-moz-transform: translate(-50%, -0%);
-webkit-transform: translate(-50%, -0%);
-ms-transform: translate(-50%, -0%);
-o-transform: translate(-50%, -0%);
}
.Banner002210 .bx-viewport{
height: 350px;
}
}
@media(max-width:767px){
.Banner002115{ overflow:hidden; position:relative; z-index:1;}
.Banner002115 .bx-viewport{ z-index:1;}
.Banner002115 .bx-viewport,
.Banner002115 .bx-viewport li,
.Banner002115 .bx-viewport li a{ height:240px;}
.Banner002115 .bx-viewport li a{ display:block;}
.Banner002115 .bx-viewport li{ background-position:center; background-repeat:no-repeat; background-size: 158%}
.Banner002115 .bx-viewport li img{ display:none;}
.Banner002115 .bx-controls-direction a{ position:absolute; width:70px; height:70px; top:50%; margin-top:-44px; background:url(../images/Banner002115-btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;}
.Banner002115 .bx-controls-direction a.bx-prev{ left:5%;}
.Banner002115 .bx-controls-direction a.bx-next{ background-position:right top; right:5%;}
.Banner002115 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center;}
.Banner002115 .bx-pager *{ width:12px; height:12px;}
.Banner002115 .bx-pager div{ display:inline-block; margin:0 5px;}
.Banner002115 .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff; overflow:hidden; line-height:100px;}
.Banner002115 .bx-pager a.active{ background:#fff;}
.Banner002210 li img {
display: block;
max-width: none;
height: 240px;
position: relative;
left: 50%;
transform: translate(-50%, -0%);
-moz-transform: translate(-50%, -0%);
-webkit-transform: translate(-50%, -0%);
-ms-transform: translate(-50%, -0%);
-o-transform: translate(-50%, -0%);
}
.Banner002210 .bx-viewport{
height: 240px;
}
}
@media(max-width:479px){
.Banner002115{ overflow:hidden; position:relative; z-index:1;}
.Banner002115 .bx-viewport{ z-index:1;}
.Banner002115 .bx-viewport,
.Banner002115 .bx-viewport li,
.Banner002115 .bx-viewport li a{ height:160px;}
.Banner002115 .bx-viewport li a{ display:block;}
.Banner002115 .bx-viewport li{ background-position:center; background-repeat:no-repeat; background-size: 157%}
.Banner002115 .bx-viewport li img{ display:none;}
.Banner002115 .bx-controls-direction a{ position:absolute; width:70px; height:70px; top:50%; margin-top:-44px; background:url(../images/Banner002115-btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;}
.Banner002115 .bx-controls-direction a.bx-prev{ left:5%;}
.Banner002115 .bx-controls-direction a.bx-next{ background-position:right top; right:5%;}
.Banner002115 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center;}
.Banner002115 .bx-pager *{ width:12px; height:12px;}
.Banner002115 .bx-pager div{ display:inline-block; margin:0 5px;}
.Banner002115 .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff; overflow:hidden; line-height:100px;}
.Banner002115 .bx-pager a.active{ background:#fff;}
.Banner002210 li img {
display: block;
max-width: none;
height: 160px;
position: relative;
left: 50%;
transform: translate(-50%, -0%);
-moz-transform: translate(-50%, -0%);
-webkit-transform: translate(-50%, -0%);
-ms-transform: translate(-50%, -0%);
-o-transform: translate(-50%, -0%);
}
.Banner002210 .bx-viewport{
height: 160px;
}
}
/* æœç´¢*/
.homeSeach{width: 100%;height: 60px;background: #f0f0f0;line-height: 60px;margin-bottom: 5px;}
.homeSeach .key{float: left;margin: 0}
.homeSeach .key span{color: #d9241c;}
.homeSeach .key a{margin: 0 3px;color: #888888;font-size: 12px;}
.homeSeach .key a:hover{color: #d60e03;}
.homeSeach .seachBox{float: right;margin-top: 10px;border: 0;}
.homeSeach .seachBox{overflow: hidden;border: 0;}
.homeSeach .seachBox input{display: block;float: left;background-color: #ffffff;}
.homeSeach .seachBox .word{width: 240px;height: 38px;line-height: 38px;text-indent: 1em;border-right: none;color: #828282;border: 0;}
.homeSeach .seachBox .sousuo{width: 38px;height: 38px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/hSear-ico.png);cursor: pointer;border: 0;}
@media(max-width:480px){
.homeSeach .seachBox{float: left;width: 100%}
.homeSeach .seachBox .word{width: 80%}
}
/*产å“ä¸å¿ƒ*/
.homeProd{padding: 50px 0;}
.homeProd-top{overflow: hidden;}
.homeProd-top h5{ width: 27%;background-color: #d60e03; height: 195px;padding: 70px 0 70px 0;font-size: 30px;color: #ffffff;font-weight: normal; text-align: center;float: left; margin: 0;}
.homeProd-top h5 span{display: block;font-weight: normal;font-size: 14px;margin-top: 5px;}
.homeProd-ban{margin-bottom: 20px;}
.homeProd-ban a,.homeProd-ban img{display: block;width: 100%;height: 100%;}
.homeProd-menu{width: 865px;float: left;height: 195px;padding: 35px 0 35px 35px;overflow: hidden;margin-bottom: 20px;background: url(../images/hNav-bg.jpg) no-repeat center center; }
.homeProd-menu ul{width:100%;float: left;}
.homeProd-menu li{width: 180px;background: url(../images/hprod-ico1.png) no-repeat left center;margin-bottom: 10px;position: relative;z-index: 1;list-style: none; float: left;}
.homeProd-menu li a{color: #fff;font-size: 12px;color: #ffffff;margin-left: 15px;position: relative;}
.homeProd-menu li a:after{position: absolute;content: "";width: 0;left: 0;bottom: -5px;height: 1px;background-color: #fff;transition: all .5s;}
.homeProd-menu li:hover a:after{width: 100%;}
.homeProd-main li:nth-child(3n){ margin-right: 0px;}
.homeProd-main li:last-child{ margin-right: 0px;;}
.homeProd-main{overflow: hidden;}
.homeProd-main li{width: 32%;border: 1px solid #c6c6c6;position: relative;float: left; margin-right: 2%;margin-bottom: 25px;list-style: none;}
.homeProd-main li a{display: block;width: 100%;height: 100%;}
.homeProd-main li a:before,.homeProd-main li a:after{content: "";position: absolute;z-index: 1;width: 0;height: 0;transition: all .5s;}
.homeProd-main li a:before{border-top: 1px solid #005cc6;border-left: 1px solid #005cc6;left: -1px;top: -1px;}
.homeProd-main li a:after{border-bottom: 1px solid #005cc6;border-right: 1px solid #005cc6;right: -1px;bottom: -1px;}
.homeProd-main li .pic{display: block;overflow: hidden;}
.homeProd-main li .pic img{display: block;width: 100%;transition: all .5s;}
.homeProd-main li h4{font-size: 14px;color: #777777;font-weight: normal;text-align: center;height:40px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;line-height: 40px;margin: 0}
.homeProd-main li i{position: absolute;right: 0;bottom:0;color:#fff;width: 0;height: 0;border-bottom: 40px solid #999;border-left: 40px solid transparent;}
.homeProd-main li i:after{content: "+";position: absolute;font-size: 16px;color: #fff;right: 5px;top: 12px;font-style: normal;}
.homeProd-main li:hover .pic img{transform: scale(1.1);}
.homeProd-main li:hover a:before,.homeProd-main li:hover a:after{width: 100%;height: 100%;}
.homeProd-main li:hover i{border-bottom: 40px solid #005cc6;}
.homeProd-main li:hover h4{color: #d60e03}
@media(max-width:480px){
.homeProd-main li .pic{height: 100%;}
.homeProd-main li:nth-child(3){ margin-right: 2%;}
.homeProd-main li{width:48%; margin-right:2%; margin-bottom: 2%;}
.homeProd{padding:3% 0;}
.homeProd-top h5{ width: 100%;padding: 3% 0 3% 0; height: 100%;font-size: 22px;}
.homeProd-menu li{width: 49%;float: left;}
.homeProd-menu{ height: 100%;width: 100%; float: left; padding:3%; background: #005cc6; margin-bottom: 5px;}
}
/*åˆä½œå®¢æˆ·*/
.homePartner{background-color: #f0f0f0;padding: 60px 0;}
.homePartner h3{font-size: 30px;color: #333333;font-weight: normal;text-align: center;margin-bottom: 25px;}
.homePartner h3 strong{font-weight: normal;color: #006eec}
.homePartner h3 span{display: block;font-size: 12px;color: #999999;text-transform: uppercase;margin-top: 5px;}
.homePartner .bd{overflow: hidden;}
.homePartner ul{width: 1230px;}
.homePartner li{width: 230px;height: 140px;float: left;margin-right: 10px;overflow: hidden;border:1px solid #d7d7d7;}
.homePartner li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.homePartner li a img{position: absolute;z-index: 2;transform:rotateY(0deg);transition: all 0.5s ease 0s;backface-visibility: hidden;transition: all 0.5s ease 0s;left:0;top:0;right: 0;bottom: 0;width: 100%;height: 100%;}
.homePartner li a span{position: absolute;text-align: center;line-height: 140px;background-color:#d60e03;transform:rotateY(-180deg);color: #fff;font-size: 20px;font-weight: 600;transition: all 0.5s ease 0s;backface-visibility: hidden;left:0;top:0;right: 0;bottom: 0;}
.homePartner li a:hover img{transform: rotateY(180deg);}
.homePartner li a:hover span{transform: rotateY(0deg);}
.homePartner-main{position: relative;}
.homePartner-main .prev,.homePartner-main .next{position: absolute;width: 35px;height: 35px;background-repeat: no-repeat;background-image: url(../images/show-tab.png);border: 1px solid #e3e3e3;border-radius: 50%;top: 50%;margin-top: -17px;}
.homePartner-main .prev{left: -60px;background-position: 0 0;}
.homePartner-main .next{right: -60px;background-position: -35px 0}
.homePartner-main .prev:hover,.homePartner-main .next:hover{background-color: #d9241c;border-color: #d9241c;}
.homePartner-main .prev:hover{background-position: 0 -35px;}
.homePartner-main .next:hover{background-position: -35px -35px;}
/*产å“优势*/
.homeAdwant{background: url(../images/hAvant-bg.jpg) center center;height: 100%;padding: 70px 0;}
.homeAdwant-topic{margin-bottom: 40px;}
.homeAdwant-topic h3{text-align: center;font-size: 48px;color: #ffffff;margin-bottom: 30px; margin: 0;}
.homeAdwant-topic h3 span{display: block;font-size: 30px;color: #ffffff;font-weight: normal;}
.homeAdwant-topic p{font-size: 30px;color: #ffffff;text-align: center;margin: 0}
.homeAdwant-topic p span{display: block;font-size: 12px;color: #85a7e6;margin-top:5px;}
.homeAdwant-main{padding: 50px 30px 0 30px;overflow: hidden;background-color: rgba(255,255,255,1);}
.homeAdwant-main .pic{float: left;}
.homeAdwant-list{float: right;}
.homeAdwant-list li{font-size: 14px;color: #777777;padding-left: 80px;list-style: none;margin-bottom: 50px;}
.homeAdwant-list li i{display: block;width: 60px;height: 60px;border-radius: 50%;border: 1px solid #d0d0d0;float: left;margin-left: -80px;background-repeat: no-repeat;background-image: url(../images/hAdvant-ico.png);transition: all .5s;}
.homeAdwant-list li h5{font-size: 24px;font-weight: normal;color: #333333;margin:0 }
.homeAdwant-list li h5 span{font-size: 12px;color: #888888;margin-left: 10px;}
.homeAdwant-list .li1 i{background-position: 0 0;}
.homeAdwant-list .li2 i{background-position:-60px 0;}
.homeAdwant-list .li3 i{background-position: -120px 0;}
.homeAdwant-list .li4 i{background-position: -180px 0;}
.homeAdwant-list .li5 i{background-position: -240px 0;}
.homeAdwant-list .li6 i{background-position: -300px 0;}
.homeAdwant-list li:hover i{background-color: #006eec;border-color: #006eec;}
.homeAdwant-list .li1:hover i{background-position: 0 -60px;}
.homeAdwant-list .li2:hover i{background-position:-60px -60px;}
.homeAdwant-list .li3:hover i{background-position: -120px -60px;}
.homeAdwant-list .li4:hover i{background-position: -180px -60px;}
.homeAdwant-list .li5:hover i{background-position: -240px -60px;}
.homeAdwant-list .li6:hover i{background-position: -300px -60px;}
@media(max-width:480px){
.homeAdwant{padding:13% 0}
.homeAdwant-list li{margin-bottom: 3%;}
.homeAdwant-topic{margin-bottom: 3%;}
.homeAdwant-main{ padding:3%;}
/*.homeAdwant-main .pic{ width: 50%;}*/
.homeAdwant-topic h3{font-size: 24px;margin-top:10%}
.homeAdwant-topic h3 span{font-size: 18px}
.homeAdwant-topic p{font-size: 16px}
}
/*å®šåˆ¶æ–¹å¼ */
.homeStep{padding: 60px 0 60px 0;position: relative;z-index: 0}
.homeStep:after{position: absolute; max-width: 1200px;height: 80px;content: "";background: url(../images/hStep-bg.png) no-repeat center center;bottom:25px;z-index: -1;left: 50%;margin-left: -620px;}
.homeStep-left{width: 950px;height: 200px;background-color: #005cc6;padding: 50px 0 0 50px;}
.homeStep-left .tit{float: left;margin-right: 50px;width: 312px;}
.homeStep-left .tit span{display: block;color: #fff;}
.homeStep-left .tit .s1{font-size: 20px;margin-bottom: 5px;}
.homeStep-left .tit .s2{font-size: 26px;margin-bottom: 5px;}
.homeStep-left .tit .s3{font-size: 12px;color: #628cd4;line-height: 18px;}
.homeStep-left .step{float: left;width: 530px;}
.homeStep-left .step span{display: block;float: left;width: 220px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border: 1px solid #80aee3;border-radius: 20px;margin-bottom: 20px;margin-right: 20px;}
.homeStep-right{background-color: #d9241c;width: 250px;height: 200px;}
.homeStep-right .tel{font-size: 14px;color: #ffffff;text-align: center;padding-top: 50px;margin-bottom: 20px;}
.homeStep-right .tel span{font-size: 30px;display: block;margin-top: 5px;}
.homeStep-right .btn{text-align: center;font-size: 0}
.homeStep-right .btn a{display: inline-block;width: 90px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ec928e;font-size: 14px;color: #ffffff;margin: 0 5px;border-radius: 15px;transition: all .5s; background:none }
.homeStep-right .btn a:hover{background-color: #f5f5f5;color: #d9241c;}
@media(max-width:480px){
.homeStep{padding:0%;}
.homeStep-right{width: 100%; height: 135px;}
.homeStep-left .tit .s2{font-size: 22px;}
.homeStep-right .tel{ padding-top:5%;margin: 0}
.homeStep-left{width: 100%; height:250PX;padding:3%;}
.homeStep-left .step{width: 100%;}
.homeStep-left .tit{width: 100%;padding-bottom: 3%}
.homeStep-left .step span{width: 48%;font-size: 14px; margin-right:2%; margin-bottom: 2%;white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;}
}
/*æ ¸å¿ƒä¼˜åŠ¿*/
.homeYs {padding-bottom: 40px;}
.homeYs .topic{text-align: center;margin-bottom: 60px;}
.homeYs-main{overflow: hidden;}
.homeYs-main li{overflow: hidden;box-shadow:0px 20px 50px rgba(0,0,0,0.1);padding: 50px 0; }
.homeYs-main .txt{width: 550px;}
.homeYs-main .txt dl{padding-left: 90px;padding-top:15px;margin-bottom: 40px; }
.homeYs-main .txt dt{font-size: 20px;color: #005cc6;font-weight: 600;padding-bottom: 15px;border-bottom: 1px dashed #bdbdbd;margin-bottom: 15px;}
.homeYs-main .txt dt i{display: block;width: 72px;height: 92px;line-height: 92px;font-size: 30px;text-align: center;float: left;margin-left: -90px;background: url(../images/hYs-num.png) no-repeat center center;color: #fff;font-style: normal;position: relative;top: -15px;}
.homeYs-main .txt dt span{display: block;font-size: 12px;color: #888888;line-height: 18px;font-weight: normal;margin-top: 10px;}
.homeYs-main .txt dd{font-size: 14px;color: #666666;line-height: 30px;padding-left: 20px;background: url(../images/hYs-ico.png) no-repeat left 10px;}
.homeYs-main .pic{width: 650px;height: 550px;line-height: 550px;vertical-align: middle;}
.homeYs-main .pic img{vertical-align: middle}
.homeYs-main .ys1{padding-top: 0;}
/*.homeYs-main .ys1 .pic img{position: relative;right: -8px; bottom: 62px;}
.homeYs-main .ys2 .pic img{position: relative;right: -8px; bottom: 62px;}*/
.homeYs-main .ys2 .txt{margin-top: 50px;}
.homeYs-main .ys3{padding-bottom: 0;}
.homeYs-main .ys3 .txt{margin-top: 80px;}
@media(max-width:480px){
.homeYs .topic{ width: 70%; margin: auto;padding-top: 5%}
.homeYs-main .txt{width: 100%;}
.homeYs-main .pic{width: 100%; height: 250px;}
/* .homeYs-main .ys1 .pic img{right: 0px; margin-top: -92%;}*/
.homeYs-main .txt dt{ font-size: 15px;}
.homeYs-main .txt dl{ margin-bottom:10px; padding-left:0px;padding-top: 0px;}
/*.homeYs-main .pic img{ margin-top: -80%;}*/
.homeYs-main li{padding: 3%;}
.homeYs-main .ys3 .txt{margin-top: 0px;}
}
/*关于我们*/
.homeAbout{background-color: #f0f0f0;padding: 60px 0;}
.homeAbout .hAbout{overflow: hidden;background-color: #fff;margin-bottom: 30px;}
.hAbout-left{display: block;float: left;width: 600px;height: 460px;overflow: hidden;}
.hAbout-left img{display: block;width: 100%;height: auto;}
.hAbout-right{width: 500px;padding: 50px;float: left;}
.hAbout-right h3{font-size: 30px;color: #333333;font-weight: normal;margin-bottom: 35px;position: relative;margin: 0}
.hAbout-right h3:before{content: "";position: absolute;width: 35px;height: 1px;background-color: #d0d0d0;left: 0;bottom: -20px;}
.hAbout-right h3 span{display: block;font-size: 24px;color:#c7c7c7;font-weight: 600;margin-bottom: 10px;}
.hAbout-right h2{font-size: 18px;color: #006eec;font-weight: normal;margin-bottom: 20px;}
.hAbout-right .txt{font-size: 14px;line-height: 30px;color: #666666;height:135px;overflow: hidden;margin-bottom: 30px;}
.hAbout-right .txt p{margin-top: 0}
.hAbout-right .more{width: 130px;height: 40px;line-height: 40px;padding-left: 25px;display: block;background-color: #006eec;color: #f5f5f6;font-size: 12px;border-radius: 2px;background-image: url(../images/hAbout-ico.png);background-repeat: no-repeat;background-position: center center;position: relative;overflow: hidden;z-index: 0;transition: all .5s;}
.hAbout-right .more:after{content: "";position: absolute;left: 0;width: 0;height: 100%;background-color: #d9241c;transition: all .5s;z-index: -1;background-image: url(../images/hAbout-ico.png);background-repeat: no-repeat;background-position: center center;opacity: 0}
.hAbout-right .more:hover:after{width: 100%;opacity: 1}
.hAbout-right .more:hover{background-position: 90px center;}
.homeAbout .hStren-tab{text-align: left;font-size: 0;margin-bottom: 20px;}
.homeAbout .hStren-tab a{display: inline-block;width: 10%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background-color: #767676;margin-right: 10px;transition: all .5s;}
.homeAbout .hStren-tab a:hover,.homeAbout .hStren-tab .on ,.homeAbout .hStren-tab a.on{background-color: #006eec}
.homeAbout .hStren-main {height: 220px;overflow: hidden;}
.homeAbout .hStren-wrap{overflow: hidden;}
.homeAbout .hStren-main li{width: 24%;height: 186px;overflow: hidden;float: left;margin-right: 12px;position: relative;}
.homeAbout .hStren-main li img{display: block;width: 100%;height: 100%;transition: all .5s;}
.homeAbout .hStren-main li:hover img{transform: scale(1.1);}
.homeAbout .hStren-main li span{position: absolute;bottom: 0;left: 0;right: 0;height: 40px;text-align: center;line-height: 40px;color: #fff;font-size: 14px;background:#006eec;background: rgba(0,110,236,0.8);}
@media(max-width:480px){
.homeAbout{padding: 0;}
.homeAbout .hAbout{margin-bottom: 3%;}
.hAbout-left{ width:100%; height: 100%;}
.homeAbout .hStren-tab{ width:100%;margin-bottom: 0px;}
.homeAbout .hStren-tab a{ width: 48%; margin-right: 2%;margin-bottom: 2%}
.homeAbout .hStren-tab a span{ width: 48%;}
.homeAbout .hStren-main li{width: 48%;float: left; margin-right:2%;}
.hAbout-right{ width:100%;padding: 3%;}
.hAbout-right h3 span{font-size: 16px;}
.hAbout-right h3{font-size:22px;}
.hAbout-right .txt{ height: 125px;margin-bottom: 10px;}
}
/*æ–°é—»*/
.homeNews{background-color: #ffffff;padding: 60px 0;}
.homeNews-left{width: 740px;}
.homeNews-main{height: 350px;overflow: hidden;}
.homeNews-tab{margin-bottom: 16px;text-align: left;margin-bottom: 40px;}
.homeNews-tab .tab {display: inline-block;font-size: 20px;color: #333333;margin-right: 25px;position: relative;}
.homeNews-tab .tab:after{position: absolute;content: "";width: 0;left: 0;height: 2px;background-color: #006eec;bottom: -10px;transition: all .5s;}
.homeNews-tab .more{float: right;margin-top: 10px;font-size: 14px;color: #888888;}
.homeNews-tab .tab:hover,.homeNews-tab .on{color: #006eec;}
.homeNews-tab .more:hover{color:#006eec; }
.homeNews-tab .tab:hover:after,.homeNews-tab .on:after{width: 100%}
.homeNews-hot {overflow: hidden;margin-bottom: 30px;}
.homeNews-hot .tab{display: block;width: 100%;height: 100%;}
.homeNews-hot .pic{display: block;width: 290px;height: 170px;float: left;margin-right: 30px;overflow: hidden;}
.homeNews-hot .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.homeNews-hot .txt{width: 420px;float: right;font-size: 14px;color: #666666;height: }
.homeNews-hot h5{font-weight: normal;font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin: 0;}
.homeNews-hot .time{display: block;font-size: 14px;color: #999999;margin-bottom: 10px;}
.homeNews-hot .more{display: block;width: 90px;height: 28px;border: 1px solid #c9c9c9;margin-top: 10px;position: relative;transition: all .5s;text-align: center;z-index: 0;line-height: 28px;font-size: 12px;}
.homeNews-hot .more:after{position: absolute;content:"";left: 0;width: 0;transition: all .5s;height: 100%;z-index: -1;background-color: #006eec}
.homeNews-hot:hover img{transform: scale(1.2);}
.homeNews-hot:hover h5{color: #006eec;}
.homeNews-hot:hover .more{border-color: #006eec;color: #fff;}
.homeNews-hot:hover .more:after{width: 100%;}
.homeNews-tab .more:hover,.homeNews-tit .more:hover{color: #006eec;}
.homeNews-list {overflow: hidden;}
.homeNews-list ul{width: 900px;}
.homeNews-list li{width: 370px;margin-right: 40px;float: left;transition: all .5s;margin-bottom: 10px;list-style: none;}
.homeNews-list li a{display: block;height: 30px;line-height: 30px;padding-left: 15px;background: url(../images/hNew-jt1.png) no-repeat left center;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homeNews-list li a:hover{padding-left: 20px;color: #006eec;background: url(../images/hNew-jt1.png) no-repeat left center;}
.homeNews-right {width: 390px;}
.homeNews-main {position: absolute; width: 740px; left: 0px; top: 0px;}
.homeNews-main_768
.homeNews-right .homeNews-tit{margin-bottom: 35px;}
.homeNews-right .homeNews-tit span{font-size: 20px;color: #333333;}
.homeNews-right .homeNews-tit span b{font-weight: normal;font-size: 12px;color: #888888;}
.homeNews-right .homeNews-tit .more{float: right;}
.homeFqa dl{border: 1px solid #d9d9d9;padding: 15px 30px;margin-bottom: 15px;cursor: pointer;transition:all .5s;}
.homeFqa dl dt{font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homeFqa dl dd{font-size: 12px;color: #666;line-height: 20px;margin-top: 0;opacity: 0;height: 0;transition:all .5s;overflow: hidden;}
.homeFqa dl dd .more{color: #fff;}
.homeFqa .on{background-color: #006eec;border-color: #006eec;}
.homeFqa .on dd{opacity: 1;height: 100%;margin-top: 15px;color: #fff;}
.homeFqa dl:hover{background-color: #006eec;border-color: #006eec}
.homeFqa .on dt,.homeFqa dl:hover dt{color: #fff;}
@media(max-width:480px){
.homeNews{ padding: 3% 0;}
.homeNews-left{ width:100%;}
.homeFqa dl{ margin-bottom:5px;padding: 2.5% 3%}
.homeNews-right .homeNews-tit{margin-bottom: 3%;}
.homeNews-right{ width:100%;padding-top: 3%;}
.homeNews-hot .txt{ width:100%;margin-top: 3%;line-height: 25px;}
.homeNews-hot .pic{ width:100%;}
.homeNews-tab .more{ display:none}
.homeNews-tab .tab{margin-bottom: 10px}
}
/*å‹æƒ…链接*/
.foorterLink{background-color: #f0f0f0;padding: 40px 0;}
.foorterLink span{color: #333333;font-size: 14px;}
.foorterLink a{font-size: 14px;color: #666666;padding: 0 15px;border-right: 1px solid #b7b7b7;transition: all .5s;}
.foorterLink a:hover{color: #006eec}
.foorterLink a:last-child{border-right: 0;}
@media(max-width:480px){
.foorterLink a{ padding: 0 2%;}
.foorterLink{padding: 5% 0;}
}
/*底部*/
.footer{padding: 50px 0;background-color: #1d2023;}
.footerLogo{width: 210px;}
.footerLogo img{display: block;width: 160px;height: 130px;}
.footerMain{ width: 68%;}
.footerNav{margin-bottom: 30px;}
.footerNav a{font-size: 14px;color: #fff;margin-right: 20px;}
.footerContact{font-size: 12px;color: #9f9f9f;line-height: 30px;}
.footerContact a{color: #9f9f9f;}
.footerContact a:hover{color: #fff;}
.footerEwm{width: 166px;}
.footerEwm img{width: 125px;height: 125px;float: left;display: block;}
.footerEwm span{float: right;width: 10px;line-height: 16px;padding: 13px 20px;border: 1px solid #8d8f90;border-left: 0;display: block;color: #9f9f9f;}
@media(max-width:480px){
.footer{ text-align: center; padding: 3% 0;}
.footerLogo{ width:100%;}
.footerContact{ line-height: 23px;margin-top: 3%}
.footerLogo img{margin: auto;width: 100px;height: 100%;}
.footerEwm{display:none}
.footerMain{ width:100%;}
.footerNav{ display:none}
}
/*产å“导航*/
.listWrapper{margin-top: 3%;}
.listWrapper .newsList{margin-bottom: 3%}
.listLeft{width:260px; float: left;overflow: hidden;}
.listRight{width:900px; float: right; /*overflow: hidden;*/text-align:justify;text-justify:inter-ideograph;}
.sidebar{margin-bottom:20px;}
.side_title{font-size:26px;font-weight:normal;color:#fff;line-height:60px;text-transform: uppercase;background-color: #005cc6;padding-left: 20px;border-left: 5px solid #c52515;margin: 0}
.side_title span{display:block;font-size:20px;font-family:Arial;color:#333;}
.sidebarMenu{background:#f1f1f1;border-top:none;}
.sidebarMenu li{font-size:15px;padding-top:2px; border-bottom:1px #dcdcdc solid;}
.sidebarMenu li a{height:32px;line-height:32px;padding-left:40px;display:block; color:#454545;transition: all .5s;}
.sidebarMenu li.on a,.sidebarMenu li a:hover{background:#c52515 !important;color:#fff;}
.sidebarMenu li ul{font-size:12px;padding:5px 0;background:#f8f8f8;}
.sidebarMenu ul li {background:none;padding-top:0;}
.sidebarMenu li ul a{/*background: url('../images/ly_li.png') no-repeat 35px center;*/padding-left:20px; padding-right: 20px;color:#666;height:35px;line-height:35px;font-size:13px;}
.sidebarMenu li ul .current,.sidebarMenu li ul a:hover{/*background: url('../images/ly_li.png') no-repeat 35px center;*/ color:#ffffff;}
.recommend_pro{margin-bottom:15px;}
.listLeft .left_title{background:#005cc6;height:50px; line-height:50px; font-size: 16px;color: #fff; padding-left:15px;border-left:5px solid #bf0007;margin: 0}
.recommend_slide{height:560px;overflow:hidden;padding:9px;border:1px solid #bcbcbc;background:#fff;border-top:none; }
.recommend_pro li{ width:240px;overflow:hidden;margin-bottom:10px;}
.recommend_pro li img{ width:232px; height:133px; border:1px solid #ddd;padding:2px;}
.recommend_pro li span{height:30px; line-height:30px; position:relative; text-align:center;display: block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.recommend_pro li:hover img{ border: 1px solid #005cc6;}
.twoCont{padding:15px 10px;overflow:hidden;background:#f4f4f4;}
.sidebarThree h3{font-size:15px;margin-bottom:10px;font-weight:normal;margin: 0}
.sidebarThree h3 span{display:block;font-size:24px;color:#bf0007;font-family:arial;}
.sidebarThree p{line-height:22px;margin: 0}
.sidebarThree p span{padding-left:3em;}
@media(max-width:480px){
.listLeft{width:100%; }
}
/* 产å“列表 */
.productList{overflow: hidden;}
.productList li{width: 290px;border: 1px solid #c6c6c6;position: relative;float: left;margin-right: 10px;margin-bottom:25px;list-style: none;}
.productList li a{display: block;width: 100%;height: 100%;}
.productList li a:before,.productList li a:after{content: "";position: absolute;z-index: 1;width: 0;height: 0;transition: all .5s;}
.productList li a:before{border-top: 1px solid #005cc6;border-left: 1px solid #005cc6;left: -1px;top: -1px;}
.productList li a:after{border-bottom: 1px solid #005cc6;border-right: 1px solid #005cc6;right: -1px;bottom: -1px;}
.productList li .pic{display: block;height: 290px;overflow: hidden;}
.productList li .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.productList li h4{font-size: 14px;color: #777777;font-weight: normal;text-align: center;height: 40px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;line-height: 40px;margin: 0}
.productList li i{position: absolute;right: 0;bottom:0;color:#fff;width: 0;height: 0;border-bottom: 40px solid #999;border-left: 40px solid transparent;}
.productList li i:after{content: "+";position: absolute;font-size: 16px;color: #fff;right: 5px;top: 12px;font-style: normal;}
.productList li:hover .pic img{transform: scale(1.1);}
.productList li:hover a:before,.productList li:hover a:after{width: 100%;height: 100%;}
.productList li:hover i{border-bottom: 40px solid #005cc6;}
.productList li:hover h4{color: #d60e03}
@media(max-width:480px){
.listLeft{width:100%; }
.side_title{font-size: 22px;line-height: 40px; }
.listLeft .left_title{font-size: 22px;line-height: 40px; height: 40px;font-weight: normal; }
.sidebarMenu li a{ padding-left: 3%;font-size: 13px;}
.sidebarMenu li a.down{
background: url(../images/ly_li.png) no-repeat center!important;
background-position-x: 96% !important;
}
.sidebarMenu li a.down:hover{
background-color: #d60e03 !important;
}
.sidebarMenu li{/* width:48%;float: left;margin-right: 2%;*/ list-style: none;background: #f6f6f6; margin-bottom: 1%;}
.productList ul{width:100%; }
.productList{width:100%; }
.productList li .pic{ height: 100%;}
.listRight{width:100%;float: left;margin-right: 2%; }
.productList li{width:48%;float: left;margin-right: 2%; }
}
/*关于我们专题�*/
.pageTopic{font-size:30px;font-weight:normal;color:#333;text-align:center;margin-bottom:30px;line-height:30px; margin-top: 0;}
.pageTopic span{font-size:12px;color:#888;font-family:Arial;text-transform: uppercase;display:block;}
.pageAbout{padding: 50px 0;}
.pageAbout .font{width:550px;line-height:28px;}
.pageAbout .font p{margin: 0}
.pageAbout .font h3{font-size:30px;color:#333;height:60px;font-weight:normal;margin: 0}
.pageCult{padding:3% 0;overflow:hidden;background:#f0f0f0;}
.pageCult li{float:left;width:380px;margin-right:28px;list-style: none;}
.pageCult li .pic{display:block;width:380px;height:250px;overflow:hidden;}
.pageCult li img{width:380px;height:250px;transition:all 0.5s ease-in;}
.pageCult li .font{padding:25px;background:#fff;height:130px;}
.pageCult li .font p{ margin: 0;}
.pageCult li h4{font-size:24px;font-weight:normal;color:#333;margin:2% 0;}
.pageCult li:last-child{margin-right:0;}
.pageCult li:hover img{transform:scale(1.1);}
.pageCult li:hover{box-shadow:0 0 5px #ccc;}
.pageHonor{padding:3% 0;overflow:hidden;}
.honorSlide {overflow: hidden;}
.honorSlide ul{width:1240px;}
.pageHonor li{float:left;width:280px;height:245px;text-align:center;margin-right:25px;list-style: none;}
.pageHonor li .pic{display: block;height:195px;background:#eee;}
.pageHonor li img{width:100%;height:100%;transition:all 0.5s;}
.pageHonor li span{display:block;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background:#fff;}
.pageHonor li:hover img{transform:scale(.95);}
.pageSetting{padding:3% 0;overflow:hidden;background:#f5f5f5;}
.pageSetting ul{position:relative;overflow:hidden;}
.pageSetting li{float:left;width:298px;height:192px;overflow:hidden;margin-bottom:2px;}
.pageSetting li img{width:298px;height:192px;transition:all 0.5s;}
.pageSetting li:nth-child(2n){float:right;margin-left:400px;}
.pageSetting li.s1{position:absolute;left:300px;top:0;}
.pageSetting li.s1,.pageSetting li.s1 img{width:600px;height:386px;}
.pageSetting li span{background-color: rgba(0,0,0,0.6);height:40px;line-height:40px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;text-align:center;transition:all 0.3s;display:block;}
.pageSetting li:hover span{margin-top:-40px;}
.pageSetting li:hover img{transform:scale(1.1,1.1);}
@media(max-width:480px){
.pageSetting li span{display:none}
.pageSetting li img{width: 100%;}
.pageSetting li.s1 img{width: 100%;height: 100%;}
.pageSetting li.s1{width: 100%;height: 100%;position: inherit; left: inherit;}
.pageSetting li{width: 100%; float: none;}
.honorSlide ul{width: 100%;}
.pageHonor li .pic{ float: left;width:100%; height: 100%;}
.pageHonor li{ float: left;width: 48%;height: 100%;margin-right: 2%;}
.pageHonor li img{ float: left;height: 112px;}
.pageCult li h4{ font-size: 22px;}
.pageCult li .font{padding: 3%; height: 100%;}
.pageCult li .pic{width: 100%; height: 100%;}
.pageCult li img {width: 100%; height: 100%;}
.pageCult li {width: 100%;}
.pageAbout { padding: 5% 0;}
.pageAbout .font h3{font-size: 22px;margin: 3% 0; height: 100%;}
.pageTopic { margin: 0;font-size: 22px;}
.pageAbout .font{width:100%; }
}
/*
.PicList002239 为demoç¼–å·
*/
.PicList002239{ padding:3% 0;}
.PicList002239 li{ margin-bottom:1%; float:left; }
@media(min-width:769px){
.PicList002239 li{margin-right:2%; width:23.5%; }
.PicList002239 li:nth-child(4n){ margin-right:0;}
}
.PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;border: 1px solid #e3e3e3;}
.PicList002239 li dl{ position:relative; margin:0 10px; line-height:40px;}
.PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;}
.PicList002239 li dt{font-size: 14px; color: #333;text-align: center}
@media(max-width:768px){
.PicList002239 li{ width:49%; margin-right:2%;}
.PicList002239 li:nth-child(2n){ margin-right:0;}
}
/*
.Page001542 为demoç¼–å·
*/
.Page001542 .Pages{ text-align:center; padding:3% 0;}
.Page001542 .Pages .p_cur,
.Page001542 .Pages .p_count,
.Page001542 .Pages .p_jump,
.Page001542 .Pages .p_total{ display:none;}
.Page001542 .Pages a{ font-size:12px; border:1px solid #ccc; display:inline-block; padding:0 10px; line-height:20px;}
.Page001542 .Pages a:hover,
.Page001542 .Pages a.a_cur{ color:#fff; background-color:#1c8ccc; /*pointer-events: none;*/}
.Page001542 .Pages em{ font-style:normal;}
@media(max-width:640px){
.Page001542 .Pages em{ display:none;}
.Page001542 .Pages a{ font-size:14px; line-height:35px; padding:0 15px;}
}
/* 新闻列表 */
.newsList .list li {padding-left: 150px;padding-bottom: 3%;padding-top: 3%;transition: all .5s;background: #fff;overflow: hidden;}
.newsList .list li:nth-child(2n+1) {background-color: #f7f7f7;}
.newsList .list li a{display: block;position: relative;left: 0;transition: all .5s;}
.newsList .list li .time{display: block;float: left;font-size: 12px;color: #666666;margin-left: -120px;width: 90px;height: 90px;border: 1px solid #adadad;text-align: center;transition: all .5s;}
.newsList .list li strong{font-size: 40px;color: #666666;display: block;font-weight: normal;text-align: center;margin-bottom: 10px;margin-top: 20px;transition: all .5s;margin: 0}
.newsList .list li .txt{width: 970px;float: left;margin-top: 15px;}
.newsList .list li h5{font-size: 18px;color: #191919;font-weight: normal;margin-bottom: 20px;margin: 0}
.newsList .list li p{font-size: 12px;color: #666666;line-height: 25px;}
.newsList .list li .more{display: block;display: block;font-size: 10px;text-align: center;height: 24px;line-height: 24px;width: 60px;text-align: center;background-color: #c30900;color: #fff;margin-top: 35px;transition: all .5s;float: left;}
.newsList .list li:hover h5 {color: #c30900;}
.newsList .list li:hover .time{background-color: #005cc6;border-color: #005cc6;color: #fff;}
.newsList .list li:hover strong{color: #fff;}
.newsList .list li:hover .more{border-radius: 20px;}
@media(max-width:480px){
.newsList .list li strong{font-size: 22px;}
.newsList .list li .more{margin-top: 3%;}
.newsList .list li{padding-left:0px; }
.newsList .list li .txt{width: 100%}
.newsList .list li .time{width: 100%;float: none;margin-left: 0px; height:100%;}
}
/* 常è§é—®é¢˜ */
.faqList li{position:relative;margin-bottom: 30px;border-left: 3px solid #005cc6;list-style: none;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#005cc6;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:0 60px; background-color:#f0f0f0; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;color: #333;background-image:url(../images/wen_01.png); background-repeat:no-repeat; background-position:20px 16px;}
.faqList li div{display:none;padding:25px 60px 25px 78px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;}
.faqList li div{background:url(../images/da_02.png) no-repeat;font-size:14px; background-position: 30px center;}
.faqList li div p{margin: 0}
@-webkit-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@media(max-width:480px){
.faqList li h3{padding: 0 30px;background-position:5px 0;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;font-size: 14px;margin: 0}
.faqList li{ margin-bottom: 3%;}
.faqList li div{padding:20px 3% 20px 40px; background: url(../images/wen_01.png) no-repeat 10px -157px;}
}
/*ç›é¢ã?*/
.prodCheck{background-color: #efefef;padding: 20px 30px 10px;margin-bottom: 20px;}
.prodCheck input{display: block;}
.prodCheck .bd1{overflow: hidden;margin-bottom: 10px;width: 50%; float: left;}
.prodCheck .bd1 span{display: block;float: left;font-size: 14px;color: #014ea8;height: 26px;line-height: 26px;}
.prodCheck .bd1 .txt{float: left;width:140px;height: 26px;border: 1px solid #c9bcbc;line-height: 26px;padding: 0 10px;margin-right: 5px;}
.prodCheck .bd1 .sub,.prodCheck .bd2 .sub{width: 45px;height: 28px;line-height: 28px;font-size: 14px;color: #fff;text-align: center;border-radius: 4px;background-color: #d9241c;transition: all .4s;cursor: pointer; border: 0;}
.prodCheck .bd1 .sub:hover,.prodCheck .bd2 .sub:hover{opacity: 0.6;}
.prodCheck .desc{font-size: 12px;color: #d9241c;margin-bottom: 10px;}
.prodCheck .bd2 .st{font-size: 14px;color: #064e9f;float: left;display: block;line-height: 26px;display: block;}
.prodCheck .bd2 .down{position: relative;width: 210px;float: left;margin-right: 40px;}
.prodCheck .bd2 .down span{display: block;height: 26px;line-height: 26px;padding: 0 10px;font-size: 12px;color: #666;background-color: #fff;border: 1px solid #c9bcbc;cursor: pointer;background-image: url(../images/shaixuan-ico.jpg);background-repeat: no-repeat;background-position: 180px center;}
.prodCheck .bd2 .down ul{position: absolute;left: 0;right: 0;padding-left: 10px;overflow-y: auto;top: 28px;z-index: 2;background-color: #fff;border: 1px solid #c9bcbc;padding-top: 5px;padding-bottom: 10px;border-top: 0;display: none;}
.prodCheck .bd2 .down ul li{height: 24px;line-height: 24px;font-size: 12px;cursor: pointer;}
.prodCheck .bd2 .item{overflow: hidden;float: left;margin-right: 30px;}
.prodCheck .bd2 .item span{display: block;line-height: 28px;font-size:14px;color: #2a2a2a;width: 46px;float: left;text-align: center;}
.prodCheck .bd2 .item input{float: left;width: 50px;height: 26px;line-height: 26px;text-align: center;border: 1px solid #c9bcbc; }
@media(max-width:480px){
.prodCheck{ padding:3%;}
.prodCheck .bd2 .down{ width:100%;}
.prodCheck .bd1{width:100%;}
.prodCheck .bd2 .down span{background-position: right;}
}
/* å†…é¡µç•™è¨€æ ·å¼ */
.page-ditu{background: #f0f0f0;height: 400px;}
#dituContent{width:600px;height:400px;float: left;}
.contactFont{overflow:hidden;margin-bottom:30px;float: right;width: 595px;height: 360px;padding: 20px 30px;}
.contactFont h1{font-size: 24px;color: #444}
.contactFont p{margin: 0;color: #444}
.page-contact-title{ font-size:26px; line-height:50px; color:#333; text-align:center; padding:10px 0 20px;}
.page-contact{}
.page-contact dl{ width:20%; height:210px; float:left; text-align:center; position:relative;}
.page-contact dl:before{ content:""; overflow:hidden; position:absolute; background-color:#eee; left:0px; top:0; height:100%; width:1px;}
.page-contact dl:nth-child(1):before{ width:0;}
.page-contact dl dt{ position:relative; padding-top:120px; font-size:12px; line-height:20px; color:#888;list-style: none;}
.page-contact dl dt span{ width:90px; height:90px; position:absolute; left:50%; top:20px; margin-left:-45px;}
.page-contact dl dd{ font-size:14px; line-height:24px; padding:10px 20px 0;}
.map{ margin-top:60px;overflow:hidden;}
.map .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;}
.map-left{ width:780px; height:560px;}
.map-line{ margin-top:0px;}
.map-line d{ margin:25px 30px 0; background-repeat:no-repeat; background-position:left 8px; padding-left:55px;}
.map-line dl d{ font-size:18px; line-height:30px; color:#eee;}
.map-line dl dd{ font-size:14px; line-height:24px; color:#bbb; padding:5px 0 25px; border-bottom:1px dotted #888;}
.map-line dl:nth-last-child(1) dd{ border:none;}
.map-line dl.map-line-a{ background-image:url(../images/icon-cc-a.png);}
.map-line dl.map-line-b{ background-image:url(../images/icon-cc-b.png);}
.map-line dl.map-line-c{ background-image:url(../images/icon-cc-c.png); background-position:left 3px; }
/*#whir_1{ position:relative }*/
.feedback{margin-top:50px;overflow:hidden;margin-bottom: 3%}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;}
.feedback .title span{background:#fff;padding:0 30px;position:relative;top:-10px;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;}
#feedback_form{position:relative;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;/*margin-bottom:30px;*/padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
/*#feedback_form input{width:262px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}*/
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{/*border-top:1px dotted #ccc;*/padding-bottom:30px;}
#feedback_form textarea{/*height:125px;width:1178px;*/padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form i{font-style:normal;color:#ff1f19;position:absolute;font-size:14px;left:380px;top:98px;}
#feedback_form .f2{left:790px;}
#feedback_form .f3{left:auto;right:0;}
#whir_1 .f4{left:380px;top:162px;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#005cc6;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#005cc6;}
@media(max-width:480px){
#feedback_form textarea{width: 100%}
#feedback_form input{ margin-bottom: 3%;width: 100%;}
/* #feedback_form label{ margin-bottom: 3%;}*/
.feedback{ margin-top:8%;}
.feedback .title span{margin: 0; font-size:18px;}
.feedback .title{margin: 0}
.contactFont h1{font-size:16px;margin: 0}
#dituContent{width: 100%; height: 100%;}
.page-ditu{height: 100%;}
.contactFont{width: 100%; height: 100%;padding:3%;margin-bottom: 3%;}
}
/* 人æ‰æ‹›è˜ */
.jobTop{overflow:hidden;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee;height:295px}
.jobTop .main{float:right;width:560px;}
.jobTop .main .font{height:190px;overflow:hidden;line-height:28px;}
.jobTop .main .font p{margin: 0}
.jobTop .main .p1{padding-top:15px;font-size:16px;color:#333;margin: 0}
.jobTop .main .p1 a{color:#005cc6;}
.jobTop .main .p1 a:hover{text-decoration: underline;}
.jobTop .more{width:100px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:3px;display:inline-block;background:#005cc6;margin-top:15px;}
.jobTop .more:hover{background:#e82513;}
.jobList li{
overflow: hidden;
position: relative;
/* border-bottom: 1px solid #ddd; */
background: #eee;
margin: 10px 0;
}
.tiBox{
display: block;
overflow: hidden;;
width: 100%;
line-height: 35px;
padding: 20px;
border-bottom: 1px solid #ddd;
}
.jobList li .icon{
isplay: block;
width: 35px;
height: 35px;
background: #434343 url(../images/gicon19.png) no-repeat center center;
/* position: absolute; */
/* right: 28px; */
/* top: 36px; */
cursor: pointer;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
border-radius: 50%;
float: right;
}
.tiBox h3{
/* width: 158px; */
/* float: left; */
/* color: #333; */
/* font-size: 16px; */
/* font-weight: normal; */
/* background: url(../images/jobIcon1.png) no-repeat; */
/* padding-top: 85px; */
display: block;
float: left;
font-size: 16px;
color: #333;
margin: 0;
}
.tiBox .number {
display: block;
float: left;
font-size: 14px;
color: #666;
}
.tiBox .timeBox {
display: block;
float: right;
font-size: 14px;
color: #666;
margin: 0 20px;
}
.jobList li .inner{padding-left: 158px;font-size: 14px;color: #888;line-height: 27px;}
.jobList li .txt{padding-top: 30px;display: none;}
.jobList li h4{color: #333;font-size: 14px;font-weight: normal;margin: 0}
.jobList li h5{color: #005cc6;font-size: 14px;margin-top: 30px;font-weight: normal;}
.jobList .more{display: block;padding-left: 20px;}
.jobList li.on .txt{display: block; background: #f5f5f5; padding: 20px 20px 0 20px;}
.jobList li.on .txt{margin: 0}
.jobList li .inner{margin: 0}
.jobList li.on .more{display: none;}
.jobList li.on .icon{background:#e82513 url('../images/gicon18.png') no-repeat center center;border-radius: 50%}
.descBox{
display: block;
}
.applyBox {
display: block;
width: 100%;
text-align: center;
border-top: 1px solid #ddd;
margin-top: 20px;
padding: 14px 0;
}
.applyBox a.apply {
display: inline-block;
font-size: 14px;
color: #005cc6;
padding: 10px 21px;
background: #f5f5f5;
border: 1px solid #005cc6;
}
.applyBox a.apply:hover {
display: inline-block;
font-size: 14px;
color: #fff;
padding: 10px 21px;
background: #005cc6;
border: 1px solid #005cc6;
}
@media(max-width:480px){
.jobList li { padding: 3% 0 3%;}
.jobList li .inner{width: 100%;padding-left: 0px;}
.jobList li h3{width: 100%}
.jobList li h3 img{width: 5s0%}
.jobTop .main{width: 100%}
.jobTop .main .font{height: 100%;}
.jobTop {height: 100%;margin-bottom:1%;}
}
/* 产å“列表 */
.productList{overflow: hidden;}
.productList li{width: 290px;border: 1px solid #c6c6c6;position: relative;float: left;margin-right: 10px;margin-bottom:25px;}
.productList li a{display: block;width: 100%;height: 100%;}
.productList li a:before,.productList li a:after{content: "";position: absolute;z-index: 1;width: 0;height: 0;transition: all .5s;}
.productList li a:before{border-top: 1px solid #005cc6;border-left: 1px solid #005cc6;left: -1px;top: -1px;}
.productList li a:after{border-bottom: 1px solid #005cc6;border-right: 1px solid #005cc6;right: -1px;bottom: -1px;}
.productList li .pic{display: block;height: 290px;overflow: hidden;}
.productList li .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.productList li h4{font-size: 14px;color: #777777;font-weight: normal;text-align: center;height: 40px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;line-height: 40px;}
.productList li i{position: absolute;right: 0;bottom:0;color:#fff;width: 0;height: 0;border-bottom: 40px solid #999;border-left: 40px solid transparent;}
.productList li i:after{content: "+";position: absolute;font-size: 16px;color: #fff;right: 5px;top: 12px;font-style: normal;}
.productList li:hover .pic img{transform: scale(1.1);}
.productList li:hover a:before,.productList li:hover a:after{width: 100%;height: 100%;}
.productList li:hover i{border-bottom: 40px solid #005cc6;}
.productList li:hover h4{color: #d60e03}
/*
.Floor000704 为demoç¼–å·
*/
.Floor000704{ padding:4% 0 2%; background:url(../images/Floor000704-bg.jpg) repeat;}
.Floor000704 .title{ text-align:center;}
.Floor000704 .title h1{ font-weight:normal; font-weight:normal; font-size:30px; color:#333; margin:0; margin-bottom:10px;}
.Floor000704 .title h1 span{ color: #006eec; text-transform:uppercase;}
.Floor000704 .title a{ font-size:14px;color: #999}
.Floor000704 .flex-control-nav{ display:none;}
.Floor000704 .flexslider{ position:relative; z-index:0;}
.Floor000704 .flex-direction-nav a{ position:absolute; border:1px solid #d9d9d9; width:50px; height:50px; border-radius:50%; top:50%; margin-top:-25px; overflow:hidden; line-height:1000px;}
.Floor000704 .flex-direction-nav a::before,
.Floor000704 .flex-direction-nav a::after{ position:absolute; content:''; width:20px; height:2px; border-radius:3px; background-color:#d9d9d9; left:12px;}
.Floor000704 .flex-direction-nav a::before{ transform:rotate(-45deg); top:16px;}
.Floor000704 .flex-direction-nav a::after{ transform:rotate(45deg); top:29px;}
.Floor000704 .flex-direction-nav a:hover::before,
.Floor000704 .flex-direction-nav a:hover::after{ background-color:#f00;}
.Floor000704 .flex-direction-nav a:hover{border-color:#f00;}
.Floor000704 .flex-direction-nav a.flex-prev{ left:-60px;}
.Floor000704 .flex-direction-nav a.flex-next{ right:-60px;}
.Floor000704 .flex-direction-nav a.flex-next::before{ transform:rotate(45deg);}
.Floor000704 .flex-direction-nav a.flex-next::after{ transform:rotate(-45deg);}
.Floor000704 .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.Floor000704 .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Floor000704 .flexslider .slides { zoom: 1; }
.Floor000704 .auto{ padding-top:3%; padding-bottom:2%;}
.Floor000704 .slides li{ float:left;}
.Floor000704 .slides li div{ padding:0 5%;}
.Floor000704 .slides li a{ display:block; padding-bottom:65%; background-repeat:no-repeat; background-position: center center; background-size:contain; position:relative; background-color:#fff; border: 1px solid #d7d7d7;}
@media(max-width:1320px){
.Floor000704 .flex-direction-nav a.flex-prev{ left:0;}
.Floor000704 .flex-direction-nav a.flex-next{ right:0;}
}
@media(max-width:480px){
.Floor000704 .title h1{ font-size:25px; }
.Floor000704 .title a{ font-size:14px;}
.Floor000704 .flex-direction-nav a{width:34px; height:34px;margin-top:-17px;}
.Floor000704 .flex-direction-nav a::before,
.Floor000704 .flex-direction-nav a::after{width:14px;left:8px;}
.Floor000704 .flex-direction-nav a::before{ top:10px;}
.Floor000704 .flex-direction-nav a::after{ top:19px;}
}
.some_info{ min-height:250px }
.partnerList{ padding: 50px 0 50px 0; overflow:hidden }
.partnerList ul{ width:1240px }
.partnerList li{float:left;width:220px;margin-right:25px;margin-bottom:25px;}
.partnerList li img{ width:210px; height:128px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}
.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.Info_title{ padding:0px; margin:20px 0px 5px 0; font-size:18px; color:#005cc6; text-align:center; line-height: 32px;}
.Info_time{ padding:0px; margin:0px; font-size:12px; font-weight:normal; text-align:center; background:url(../images/Icon_line.jpg) repeat-x left top;}
.Info_time{ color:#666; line-height:34px;}
.Info_img{ text-align:center; margin-top:20px;}
.Info_txt{ padding:10px 0; line-height:28px;}
.Info_back{ text-align:center; font-size:12px; font-weight:normal; padding:15px 0px;}
.Info_back a{ color:#ef2e25; text-decoration:underline;}
.Info_back a:hover{ color:#ef2e25; text-decoration:none;}
.Info_page a{ color:#7a7a7a; line-height: 24px; }
.grWidth{width:1200px; margin:40px auto;}
.breadCrumb{height: 50px;line-height: 50px;border-bottom: 1px solid #dadada;background: #fff;}
.breadCrumb p{background: url('../images/home_icon.png') no-repeat left center;padding-left: 20px;}
.breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:5px;background:#999;color:#fff;margin-top:10px;}
.breadCrumb .back:hover{background:#005cc6;transition:all 0.3s;}
.page-bgColor{background-color: #fff;padding: 30px 20px;}
.RighInfo002092{ border:1px solid #e8e8e8; }
.RighInfo002092 .wrap{ padding:2%;}
.RighInfo002092 .list_img{float:left; width:53.5%;}
.RighInfo002092 .big{ border:1px solid #e5e5e5; margin-bottom:20px;}
.RighInfo002092 .big li figure{ padding-bottom:106%; background-size:contain;}
.RighInfo002092 .scroll li img,
.RighInfo002092 .big li img{ display:none;}
.RighInfo002092 .scroll{ padding:0 30px; position:relative;}
.RighInfo002092 .scroll a{ position:absolute; height:100%; top:0; width:25px; z-index:10; cursor:pointer; background-position:center center; background-repeat:no-repeat;}
.RighInfo002092 .scroll a.prev{ left:0; background-image:url(../images/RighInfo002092-btn_prev.png);}
.RighInfo002092 .scroll a.next{ right:0;background-image:url(../images/RighInfo002092-btn_next.png);}
.RighInfo002092 .scroll a.prevStop,
.RighInfo002092 .scroll a.nextStop{ cursor:default;}
.RighInfo002092 .scroll li{ float:left }
.RighInfo002092 .scroll li figure{ margin:0 auto; padding-bottom:90%;background-size:contain; max-width:90%; border:1px solid #e5e5e5;}
.RighInfo002092 .scroll li.on figure{ border-color:#ed4d50;}
.zoomContainer{ z-index:100;}
.RighInfo002092 .intro{ float:right; width:42%;}
.RighInfo002092 .intro p{ line-height: 25px;}
.RighInfo002092 .intro h1{border-bottom: 1px solid #dbdbdb;padding-bottom: 1%;font-size:20px;font-weight: normal; color: #2e65be}
.RighInfo002092 .intro dl{ position:relative; padding-left:100px;margin-bottom:13px;font-size:16px;}
.RighInfo002092 .intro dl.recently_store{ border-bottom:1px solid #e0e1e3; padding-bottom:17px;}
.RighInfo002092 .intro dt{ position:absolute; left:0; width:90px; text-align:right; }
.RighInfo002092 .intro dl.recently_store dt{ line-height:29px;}
.RighInfo002092 .intro dd{color:#333;}
.RighInfo002092 .intro dd figure{ position:relative; z-index:1;}
.RighInfo002092 .intro dd .a_sel{ display:block; border:1px solid #cbcbcb; padding-left:5px; padding-right:27px; color:#999; line-height:29px; position:relative;}
.RighInfo002092 .intro dd .a_sel i{ display:block; border-right:1px solid #cbcbcb; font-style:normal;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.RighInfo002092 .intro dd .a_sel:after{ position:absolute; content:''; width:0; height:0; border:6px solid transparent; border-top-color:#000; right:8px; top:50%; margin-top:-3px;}
.RighInfo002092 .intro dd figcaption{ display:none; position:absolute; left:0; top:100%; max-height:250px; line-height:25px; overflow:auto; background-color:#fff;border:1px solid #cbcbcb; border-top:0; width:100%;}
.RighInfo002092 .intro dd figcaption a{ display:block; padding:0 10px;}
.RighInfo002092 .intro dd figcaption a:hover{ background-color:#eee;}
.RighInfo002092 .intro .price{ color:#f04848; font-size:20px;}
.RighInfo002092 .intro .integral{ color:#742c75;}
.RighInfo002092 .intro .buy{ border-top:1px solid #bfc0c4; padding-top:14px; overflow:hidden;}
.RighInfo002092 .intro .buy a{ float:left; width:50%; text-align:center; padding:15px 0; line-height:18px;color:#868686; max-width:156px;}
.RighInfo002092 .intro .buy a.a_buy{ border-radius:3px; background:#e14343; color:#fff; font-size:16px;}
.RighInfo002092 .intro .buy a.a_add:before{ display:inline-block; content:''; background:url(../images/RighInfo002092-icon.png) no-repeat right center; width:34px; border-left:1px solid #d5d6d9;height:18px; vertical-align:middle; margin-right:5px;}
.RighInfo002092 .tab{ padding-top:5%;}
.RighInfo002092 .ul_tab{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.RighInfo002092 .ul_tab li{ float:left; width:50%; max-width:120px; overflow:hidden; text-align:center; font-size:16px; color:#333; cursor:pointer; line-height:38px;}
.RighInfo002092 .ul_tab li.active{ color:#fff; background-color:#005cc6;}
.RighInfo002092 .tab_info{ border-top:6px solid #f6f6f7; padding:2%;}
.RighInfo002092 .tab_info img{ text-align: center}
.RighInfo002092 .tab_info p{margin: 0;line-height: 25px;}
@media(max-width:768px){
.zoomContainer{ display:none;}
}
@media(max-width:640px){
.RighInfo002092 .list_img,
.RighInfo002092 .intro{ float:none; width:auto;}
.RighInfo002092 .intro{ margin-top:3%;}
}
/* 相关产å“æ ·å¼ */
.related-product-list { position: relative; padding-top: 20px;}
.related-product {/*overflow:hidden; */ margin-top: 3%;}
.related-product .title,.relatedTitle{background:#eee;height:35px;line-height:35px;}
.related-product .title span{display:inline-block;color:#fff;background:#005cc6;width:120px;height:35px;text-align:center;font-size:14px;}
.relatedTitle span{display:inline-block;color:#fff;background:#005cc6;width:120px;height:35px;text-align:center;}
.related-product ul{ /*width:950px;*/}
.related-product li{/*width:211px;margin-bottom:20px;*/text-align:center;/*transition: all .5s;*/list-style: none;}
.related-product li a{display:block;/*width:211px;*/transition: all .5s;background:#eee;border:1px solid #ddd;margin:0 5px;}
.related-product li img{width:211px;height:200px;/*padding:5px;*/background:#fff;}
.related-product li span{height:30px;line-height:30px;/*padding:0 5px;*/ white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.related-product li a:hover{border:1px solid #005cc6;}
.related-product li a:hover{background:#005cc6;color:#fff;}
.related-product .bx-controls-direction a{ position: absolute;display: block; width:50px; height:50px;top:50%; margin-top:-25px; background:url(../images/Floor002049-btn.gif) no-repeat 11px center; overflow:hidden; line-height:1000px; border:1px solid #e5e5e5;}
.related-product .bx-controls-direction a::before,
.related-product .bx-controls-direction a::after{ position:absolute; content:''; width:20px; height:2px; border-radius:3px; background-color:#d9d9d9; left:12px;}
.related-product .bx-controls-direction a::before { transform:rotate(-45deg); top:16px;}
.related-product .bx-controls-direction a::after {transform:rotate(45deg); top:29px;}
.related-product .bx-controls-direction a.bx-prev{ left:-60px;}
.related-product .bx-controls-direction a.bx-next{ right:-60px;}
.related-product .bx-controls-direction a.bx-next::before{ transform:rotate(45deg);}
.related-product .bx-controls-direction a.bx-next::after{ transform:rotate(-45deg);}
.related-product .flex-control-nav{ display:none;}
.related-product .flexslider{ position:relative; z-index:0;}
.related-product .flex-direction-nav a{ position:absolute; border:1px solid #d9d9d9; width:50px; height:50px; border-radius:50%; top:50%; margin-top:-25px; overflow:hidden; line-height:1000px;}
.related-product .flex-direction-nav a::before,
.related-product .flex-direction-nav a::after{ position:absolute; content:''; width:20px; height:2px; border-radius:3px; background-color:#d9d9d9; left:12px;}
.related-product .flex-direction-nav a::before{ transform:rotate(-45deg); top:16px;}
.related-product .flex-direction-nav a::after{ transform:rotate(45deg); top:29px;}
.related-product .flex-direction-nav a:hover::before,
.related-product .flex-direction-nav a:hover::after{ background-color:#f00;}
.related-product .flex-direction-nav a:hover{border-color:#f00;}
.related-product .flex-direction-nav a.flex-prev{ left:-60px;}
.related-product .flex-direction-nav a.flex-next{ right:-60px;}
.related-product .flex-direction-nav a.flex-next::before{ transform:rotate(45deg);}
.related-product .flex-direction-nav a.flex-next::after{ transform:rotate(-45deg);}
@media(max-width:480px){
.related-product li{ float: left; width: 48%; margin-right:2%;}
.related-product ul{ width: 100%; margin-top: 3%;}
.related-product li a{ width: 100%;}
.related-product li img{ width: 100%; height: 100%;}
}
.btn a{display: inline-block; width: 150px; height: 40px; line-height: 40px;text-align: center; background:#005cc6 url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;}
.btn .a02{background:#c52515 url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;}
.prodcut-tel{ padding-left:40px; margin-bottom:20px; line-height:26px; background:url(../images/p_icon.png) no-repeat left 8px; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#e6242c;display: block; }
/* 采è´è¡¨å•æ ·å¼ */
.orderBox{padding:15px;width:100%;background:#eee;overflow:hidden; margin: 3% 0;}
.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";margin: 0}
.orderBox .table{padding-top:20px }
.orderBox .table li{width:410px;height:215px;float:left;height:35px;margin-bottom:10px;}
.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;color: #333}
.orderBox .table li span.hideen{ display:none !important }
.orderBox .table li .iptTxt{float:left;width:330px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}
.orderBox .table li .iptCode{float:left;width:239px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#666;padding-left:10px;}
.orderBox .table li .checkcode{float:left; margin-left:3px; width:75px; height:33px;;border:1px solid #ddd;border-left-width:0;background:#fff;padding:5px 9px 6px 10px;}
.orderBox .table li .btn{width:410px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;transition: all .5s;}
.orderBox .table li .btn:hover{background:#c52515;color:#fff;}
.orderBox .table li.areLi{width:400px;float:right;height:215px;overflow:hidden;}
.orderBox .table li.areLi .txtContent{width:368px;height:183px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;box-sizing: content-box;}
@media(max-width:480px){
.orderBox{ padding:2%;margin-top: 3%}
.orderBox .table{ padding-top: 3%;}
.orderBox .table li.areLi{ width: 100%; height: 100px; margin: 0;}
.orderBox .table li{ width: 100%;margin: 6% 0}
.orderBox .table li .iptTxt{ width: 100%;}
.orderBox .table li .btn{ width: 100%;}
.orderBox .table li.areLi .txtContent{ width: 100%;height: 100%;}
.orderBox .table li .iptCode{ width: 100%;}
.orderBox .table li span{ width: 100%;}
}
.page_box{ position:relative }
.page_box .Info_page{ float:right}
.page_box .Info_page:first-child{ float:left }
.Info_page a{ color:#7a7a7a; line-height: 24px; }
/* 相关产å“æ ·å¼ */
.relatedNews{ margin-bottom:2% }
/*.related-product {overflow:hidden;}*/
.relatedTitle{background:#eee;height:35px;line-height:35px;}
.relatedNews_font ul li{float:left;padding-right:50px;width:558px;height:40px;line-height:40px;border-bottom:1px dotted #ddd;}
.relatedNews_font ul li a{display:block;width:400px;line-height:40px;background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.relatedNews_font ul li a:hover{color: #005cc6}
.relatedNews_font ul li span{float:right;color:#999;}
.kefuBox *{box-sizing:content-box;}
.kefuBox {
position: fixed;
z-index: 1000;
top: 180px;
right: 0;
width: auto;
_position: absolute;
_top: expression(documentElement.scrollTop +45)
}
.kefuBox .kefuLeft {
float: left;
overflow: hidden;
width: 30px;
height: 157px;
cursor: pointer;
background: url(../images/qq/kefu_l.png) no-repeat
}
.kefuBox .kefuRight {
display: block;
float: left;
overflow: hidden;
width: 0
}
.kefuBox .kefuTop {
width: 154px;
height: 46px;
background: url(../images/qq/kefu_top.png) no-repeat
}
.kefuBox .kefuClose {
float: right;
overflow: hidden;
width: 154px;
height: 46px;
display: block;
cursor: pointer
}
.kefuBox .kefuBottom {
width: 154px;
height: 12px;
background: url(../images/qq/kefu_bottom.png) no-repeat
}
.kefuBox .kefuCont {
width: 130px;
padding: 0 12px;
background: url(../images/qq/kefu_line.png) repeat-y;
overflow: hidden
}
.kefuBox .kefuCont ul {
margin: 0;
padding: 0
}
.kefuBox .kefuCont ul li {
width: 80px;
line-height: 28px;
overflow: hidden;
height: 28px;
padding-left: 40px;
padding-right: 10px;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 5px
}
.kefuBox .kefuCont ul li a {
color: #333
}
.kefuBox .kefuCont ul li.pic {
width: 130px;
height: 89px;
margin-bottom: 10px;
padding: 0
}
.kefuBox .kefuCont ul li.qq {
background: url(../images/qq/qq.png) no-repeat
}
.kefuBox .kefuCont ul li.wang {
background: url(../images/qq/wangwang.png) no-repeat
}
.kefuBox .kefuCont ul li.spk {
background: url(../images/qq/skype.png) no-repeat
}
.kefuBox .kefuCont ul li.codeer {
display: block;
width: 130px;
height: 195px;
text-align: center;
color: #fff;
padding: 10px 0 0;
font-family: 微软雅黑;
font-size: 14px;
margin-bottom: 0
}
.kefuBox .kefuCont ul li.codeer p {
display: block;
height: 35px;
line-height: 35px
}
.kefuBox .kefuCont ul li.codeer span {
display: block;
width: 116px;
height: 116px;
padding: 7px;
background: url(../images/qq/cobj.png) no-repeat
}
.kefuBox .kefuCont ul li.codeer span img {
width: 116px;
height: 116px
}
/*ÓÅ»¯*/
.foorterLink{
}
.wrap_link{
display: block;
overflow: hidden;
position: relative;
}
.wrap_link .link_l{
display: block;
width: 70px;
position: absolute;
top: 5px;
left: 0;
}
.wrap_link .link_r{
display: block;
margin: 0 0 0 70px;
}
.wrap_link .link_r a{
display: inline-block;
margin: 5px 0;
}
@media(max-width:1920px){
.joinBoxTit{
display: block;
width: 100%;
text-align: center;
position: relative;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.joinBoxTit span{
color: #666;
font-size: 14px;
}
.joinBoxTit h4{
color: #005cc6;
font-size: 20px;
font-weight: 600;
}
.joinBoxTit a{
position: absolute;
right: 0;
top: 28px;
color: #666;
}
.joinBoxTit a:hover{
color: #005cc6;
}
.myForm{
padding-top: 3rem!important;
padding-bottom: 3rem!important;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.nameBox ,.ageBox ,.phoneBox ,.emailBox ,.sexBox ,.MarryBox{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 20px;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.sexBox span ,.MarryBox span{
padding-left: 0.75rem;
}
.nameBox .name ,.ageBox .age ,.phoneBox .phone ,.emailBox .email{
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
font-weight: 400;
line-height: 1.5;
background-clip: padding-box;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
height: 50px;
border-radius: 0;
font-size: 13px;
color: #202125;
background: none;
border: none;
border-bottom: 2px solid #f5f5f5;
box-shadow: none;
}
.educationBox ,.workBox{
width: 100%;
padding-right: 15px;
padding-left: 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
position: relative;
}
.educationBox .education ,.workBox .work{
margin: 0;
font-family: inherit;
overflow: auto;
resize: vertical;
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
font-weight: 400;
background-clip: padding-box;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border-radius: 0;
font-size: 13px;
color: #202125;
background: none;
border: none;
border-bottom: 2px solid #f5f5f5;
box-shadow: none;
height: 150px;
}
.nameBox .name:focus ,.ageBox .age:focus ,.phoneBox .phone:focus ,.emailBox .email:focus ,.educationBox .education:focus ,.workBox .work:focus{
box-shadow: none;
background: none;
border-color: #005cc6;
}
.buttonBox{
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-top: 1.5rem!important;
text-align: center!important;
}
.buttonBox .button{
font-weight: 500;
background: none;
color: #005cc6;
border-radius: 0;
position: relative;
overflow: hidden;
z-index: 9;
text-transform: uppercase;
padding: 10px 20px;
font-size: 13px;
border: 1px solid #005cc6;
cursor: pointer;
}
.buttonBox .button:hover{
color: #fff;
border: 1px solid #005cc6;
background: #005cc6;
}
}
@media(max-width:767px){
.joinBoxTit{
display: block;
width: 100%;
text-align: center;
position: relative;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.joinBoxTit span{
color: #666;
font-size: 14px;
}
.joinBoxTit h4{
color: #005cc6;
font-size: 20px;
font-weight: 600;
}
.joinBoxTit a{
position: absolute;
right: 0;
top: 28px;
color: #666;
}
.joinBoxTit a:hover{
color: #005cc6;
}
.myForm{
padding-top: 3rem!important;
padding-bottom: 3rem!important;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.nameBox ,.ageBox ,.phoneBox ,.emailBox ,.sexBox ,.MarryBox{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.sexBox span ,.MarryBox span{
padding-left: 0.75rem;
}
.nameBox .name ,.ageBox .age ,.phoneBox .phone ,.emailBox .email{
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
font-weight: 400;
line-height: 1.5;
background-clip: padding-box;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
height: 50px;
border-radius: 0;
font-size: 13px;
color: #202125;
background: none;
border: none;
border-bottom: 2px solid #f5f5f5;
box-shadow: none;
}
.educationBox ,.workBox{
width: 100%;
padding-right: 15px;
padding-left: 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
position: relative;
}
.educationBox .education ,.workBox .work{
margin: 0;
font-family: inherit;
overflow: auto;
resize: vertical;
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
font-weight: 400;
background-clip: padding-box;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border-radius: 0;
font-size: 13px;
color: #202125;
background: none;
border: none;
border-bottom: 2px solid #f5f5f5;
box-shadow: none;
height: 150px;
}
.nameBox .name:focus ,.ageBox .age:focus ,.phoneBox .phone:focus ,.emailBox .email:focus ,.educationBox .education:focus ,.workBox .work:focus{
box-shadow: none;
background: none;
border-color: #005cc6;
}
}
.homeNews-tit{
margin-bottom: 40px;
}
@media (max-width: 1200px) {
.homeProd-top h5{
width: 30% !important;
}
.homeProd-menu{
width: 70% !important;
}
.qualityImg {
text-align: center;
}
.homeAdwant-main .pic {
float: none;
}
.homeAdwant-list{
float: none;
}
.homeStep-left ,.homeStep-right{
display: inline-block;
width: 100%;
}
.homeYs-main .ys1 .txt ,.homeYs-main .ys2 .txt ,.homeYs-main .ys3 .txt{
width: 50%;
}
.homeYs-main .ys1 .pic ,.homeYs-main .ys2 .pic ,.homeYs-main .ys3 .pic{
width: 40%;
}
.homeYs-main .ys1 .txt ,.homeYs-main .ys2 .pic ,.homeYs-main .ys3 .txt{
float: left;
}
.homeYs-main .ys1 .pic ,.homeYs-main .ys2 .txt ,.homeYs-main .ys3 .pic{
float: right;
}
.hAbout-left ,.hAbout-right{
width: 50%;
}
.hAbout-left img{
width: auto;
height: 100%;
max-width: none;
position: relative;
left: 50%;
transform: translate(-50%, -0%);
-moz-transform: translate(-50%, -0%);
-webkit-transform: translate(-50%, -0%);
-ms-transform: translate(-50%, -0%);
-o-transform: translate(-50%, -0%);
}
.hStren-main{
height: auto !important;
}
.homeAbout .hStren-main li{
margin-bottom: 20px;
}
.homeAbout .hStren-main li img{
width: auto;
max-width: none;
height: 100%;
position: relative;
left: 50%;
transform: translate(-50%, -0%);
-moz-transform: translate(-50%, -0%);
-webkit-transform: translate(-50%, -0%);
-ms-transform: translate(-50%, -0%);
-o-transform: translate(-50%, -0%);
}
.homeAbout .hStren-main li{
width: 23% !important;
}
.homeAbout .hStren-tab a{
width: 20% !important;
}
.homeNews-left {
width: 100%;
margin-bottom: 40px;
}
.homeNews-right{
width: 100%;
}
.homeNews-main ,.homeNews-wrap{
width: 100% !important;
}
.homeNews-hot .pic{
width: 30% !important;
height: auto !important;
}
.homeNews-hot .txt{
width: 65% !important;
float: left;
}
.homeNews-list ul{
display: block;
width: 100%;
}
.homeNews-list li{
width: 50%;
margin-right: 0;
}
.homeNews-list li a{
padding-right: 20px;
}
}
@media (max-width: 768px) {
.homeProd-top h5{
width: 100% !important;
}
.homeProd-menu ,.homeYs-main .ys1 .txt ,.homeYs-main .ys2 .txt ,.homeYs-main .ys3 .txt ,.homeYs-main .ys1 .pic ,.homeYs-main .ys2 .pic ,.homeYs-main .ys3 .pic{
width: 100% !important;
}
.homeYs-main .ys1 .pic img ,.homeYs-main .ys2 .pic img ,.homeYs-main .ys3 .pic img{
position: relative;
left: 50%;
transform: translate(-50%, -0%);
-moz-transform: translate(-50%, -0%);
-webkit-transform: translate(-50%, -0%);
-ms-transform: translate(-50%, -0%);
-o-transform: translate(-50%, -0%);
}
.hAbout-left ,.hAbout-right{
width: 100%;
}
.homeAbout .hStren-main li{
width: 47% !important;
}
.homeNews-hot .txt {
width: 100% !important;
padding-top: 14px;
}
.homeNews-hot .pic {
width: 100% !important;
}
}
/*ÓÅ»¯*/
.back_page{color: #999999;}
.back_page:hover{color: #005cc6;}
.listLeft{
overflow: initial;
}
.sidebarMenu li a.down{
background: url('../images/ly_li.png') no-repeat 20px center;
}
.sidebarMenu li a.down:hover{
background: #c52515 url('../images/ly_li.png') no-repeat 20px center;
color: #ffffff;
}
.sidebarMenu li{
position: relative;
}
.sidebarMenu li ul{
position: absolute;
width: 100%;
top: 0px;
left: 100%;
z-index: 99;
box-shadow: 6px 0px 14px #afafaf;
padding: 0;
display: none;
}
.sidebarMenu li:hover ul{
display: block;
}
.d_b_1023 ,.d_b_1024{
display: none !important;
}
@media all and (min-width: 1024px) {
/*ÄÚÒ³×Óµ¼º½*/
.d_b_1024{
display: block !important;
}
}
@media all and (max-width: 1200px) {
.homeAdwant-main{
display: flex;
display: -ms-flex;
display: -moz-flex;
display: -webkit-flex;
display: -o-flex;
flex-direction: column;
align-items: center;
}
}
@media all and (max-width: 1023px) {
/*ÄÚÒ³×Óµ¼º½*/
.d_b_1023{
display: block !important;
}
.sidebarMenu li ul{
position: relative;
left: 8%;
width: 84%;
margin-bottom: 12px;
}
}
@media all and (max-width: 767px) {
.homeYs-main .pic{
height: auto;
line-height: initial;
}
}